<template>
	<view class="wrapper">
		<image src="../../static/logo.png" mode="aspectFill" class="logo"></image>
		<view class="input_box center">
			<image src="../../static/start/account.png" mode="aspectFill"></image>
			<input type="text" placeholder="请输入手机号" placeholder-class="c999 f30" class="flex"/>
		</view>
		<view class="input_box center">
			<image src="../../static/start/img_code.png" mode="aspectFill"></image>
			<input type="text" placeholder="图形码" placeholder-class="c999 f30" class="flex"/>
			<image src="../../static/start/open_eye.png" mode=""></image>
		</view>
		<view class="input_box center">
			<image src="../../static/start/code.png" mode="aspectFill"></image>
			<input type="text" placeholder="请输入验证码" placeholder-class="c999 f30" class="flex"/>
			<view class="send_sms cfff f30 center btheme">
				发送
			</view>
		</view>
		<view class="btn btheme cfff center">
			登录
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		onShow() {
			
		},
		onLoad() {
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
.wrapper{
	padding: 0 30rpx;
	.sms{
		position: fixed;
		bottom: 130rpx;
		left: calc(50% - 39rpx);
		width:76rpx;
		height:76rpx;
	}
	.btn{
		width:690rpx;
		height:80rpx;
		border-radius:4rpx;
		margin-top: 110rpx;
	}
	.input_box{
		border-bottom: 1rpx solid #E0E0E0;
		margin-top: 69rpx;
		padding-bottom: 22rpx;
		padding-left: 13rpx;
		.send_sms{
			width:150rpx;
			height:58rpx;
			border-radius:4rpx;
		}
		image{
			width: 30rpx;
			height: 30rpx;
			margin-right: 48rpx;
		}
	}
	.logo{
		width:180rpx;
		height:180rpx;
		border-radius:12rpx;
		margin: 32rpx auto 120rpx;
		display: block;
	}
}
</style>
